<template>
  <div>
    <ul>
      <li v-for="m in messageList" :key="m.id">
        <router-link 
          :to="{
            name:'xiangqing',
            params:{
              id:m.id,
              title:m.title,
              content:m.content
            }
          }" 
        >
          {{m.title}}
        </router-link>
      </li>
    </ul>
    <hr>
    <div class="panel panel-body panel-primary">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
  export default {
    name: "Message",
    data() {
      return {
        messageList:[
          {id:'asfdtrfsa01',title:'消息001',content:'支付宝到账1000W元'},
          {id:'asfdtrfsa02',title:'消息002',content:'您的电话已欠费，请及时缴费'},
          {id:'asfdtrfsa03',title:'消息003',content:'缅甸北部欢迎你，一夜暴富不是梦！'},
        ]
      }
    },
  };
</script>